<template>
	<view>
		<view class="sales_container">
			<view class="sales_title">
				<image src="https://oss.laiba.shop/system/NewShop/specials_title.jpg" mode=""></image>
			</view>
			<view class="sales_list">
				<image src="https://oss.laiba.shop/system/NewShop/specials_01.png" mode="" @click="navTo(1)"></image>
				<image src="https://oss.laiba.shop/system/NewShop/specials_02.png" mode="" @click="navTo(2)"></image>
				<image src="https://oss.laiba.shop/system/NewShop/specials_03.png" mode="" @click="navTo(3)"></image>
				<image src="https://oss.laiba.shop/system/NewShop/specials_04.png" mode="" @click="navTo(4)"></image>
				<image src="https://oss.laiba.shop/system/NewShop/specials_05.png" mode="" @click="navTo(5)"></image>
				<image src="https://oss.laiba.shop/system/NewShop/specials_06.png" mode="" @click="navTo(6)"></image>
				<image src="https://oss.laiba.shop/system/NewShop/specials_07.png" mode="" @click="navTo(7)"></image>
				<image src="https://oss.laiba.shop/system/NewShop/specials_08.png" mode="" @click="navTo(8)"></image>
				<image src="https://oss.laiba.shop/system/NewShop/specials_09.png" mode="" @click="navTo(9)"></image>
				<image src="https://oss.laiba.shop/system/NewShop/specials_10.png" mode="" @click="navTo(10)"></image>
				<image src="https://oss.laiba.shop/system/NewShop/specials_11.png" mode="" @click="navTo(11)"></image>
				<image src="https://oss.laiba.shop/system/NewShop/specials_12.png" mode="" @click="navTo(12)"></image>
			</view>
			<view class="code-l" @click.stop="goBack">
				<view class="iconfont icon-zuo"></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
			
		},
		methods: {
			goBack() {
				// uni.navigateBack({
				//     delta: 1
				// });
				uni.switchTab({
				    url: '/pages/shopping/NewShopping'
				});
			},
			navTo(index) {
				switch(index) {
					case 1: 
						window.location.href = "https://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods.detail&id=67098"
						break;
					case 2:
						window.location.href = "https://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods.detail&id=67100"
						break;
					case 3:
						window.location.href = "https://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods.detail&id=67334"
						break;
					case 4:
						window.location.href = "https://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods.detail&id=67676"
						break;
					case 5:
						window.location.href = "https://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods.detail&id=67333"
						break;
					case 6:
						window.location.href = "https://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods.detail&id=67332"
						break;
					case 7:
						window.location.href = "https://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods.detail&id=41435"
						break;
					case 8:
						window.location.href = "https://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods.detail&id=64038"
						break;
					case 9:
						window.location.href = "https://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods.detail&id=56379"
						break;
					case 10:
						window.location.href = "https://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods.detail&id=55011"
						break;
					case 11:
						window.location.href = "https://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods.detail&id=62492"
						break;
					case 12:
						window.location.href = "https://m.laiba.shop/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods.detail&id=67094"
						break;
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.sales_container {
		background-color: #ffd5d3;
		padding-top: 35rpx;
		.sales_title {
			width: 685rpx;
			height: 235rpx;
			margin: 0 auto 27rpx;
			image {
				width: 100%;
				height: 100%;
			}
		}
		.sales_list {
			border-radius: 10rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			image {
				width: 684rpx;
				height: 212rpx;
				margin-bottom: 30rpx;
			}
		}
		.code-l {
			width: 75rpx;
			height: 75rpx;
			background-color: #000;
			opacity: 0.3;
			border-radius: 50%;
			position: fixed;
			right: 10px;
			bottom: 100px;
			.icon-zuo {
				text-align: center;
				line-height: 75rpx;
				color: #fff;
				font-weight: 800;
			}
		}
	}
</style>
